<template>
    <div class="tp">
        <!-- height="550" -->
        <el-table
          :data="tableData"
          stripe
          
          border
          style="width: 100%"
        >
          <el-table-column type="selection" width="55"></el-table-column>
          <el-table-column
            type="index"
            label="序号"
            width="90"
          ></el-table-column>
          <el-table-column
            prop="name"
            label="镜像名"
            width="250"
          ></el-table-column>
          <el-table-column prop="tag" label="TAG" width="180"></el-table-column>
          <el-table-column prop="imageid" label="镜像ID"></el-table-column>
          <el-table-column
            prop="create_date"
            label="创建时间"
            width="180"
          ></el-table-column>
          <el-table-column
            prop="size"
            label="大小"
            width="180"
          ></el-table-column>
          <el-table-column label="操作" width="180">
            <el-row>
              <el-button type="danger" size="small">删除</el-button>
            </el-row>
          </el-table-column>
        </el-table>

        <div class="page">
          <div class="block">
            <!-- <span class="demonstration">完整功能</span> -->
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page="currentPage4"
              :page-sizes="[100, 200, 300, 400]"
              :page-size="100"
              layout="total, sizes, prev, pager, next, jumper"
              :total="400"
              background="#5dcdf5"
            >
            </el-pagination>
          </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "imageItem",
    data() {
      return {
        tableData: [
          {
            name: "registry.fit2cloud.com/halo/halo",
            tag: "2.20",
            imageid: "e1fc683d04a6",
            create_date: "6 months ago",
            size: "428MB",
          },
          {
            name: "mysql",
            tag: "5.7-debian",
            imageid: "b5d7c63fe339",
            create_date: "2 years ago",
            size: "463MB",
          },
          {
            name: "registry.fit2cloud.com/halo/halo",
            tag: "2.20",
            imageid: "e1fc683d04a6",
            create_date: "6 months ago",
            size: "428MB",
          },
          {
            name: "mysql",
            tag: "5.7-debian",
            imageid: "b5d7c63fe339",
            create_date: "2 years ago",
            size: "463MB",
          },
          {
            name: "registry.fit2cloud.com/halo/halo",
            tag: "2.20",
            imageid: "e1fc683d04a6",
            create_date: "6 months ago",
            size: "428MB",
          },
          {
            name: "mysql",
            tag: "5.7-debian",
            imageid: "b5d7c63fe339",
            create_date: "2 years ago",
            size: "463MB",
          },
          {
            name: "registry.fit2cloud.com/halo/halo",
            tag: "2.20",
            imageid: "e1fc683d04a6",
            create_date: "6 months ago",
            size: "428MB",
          },
          {
            name: "mysql",
            tag: "5.7-debian",
            imageid: "b5d7c63fe339",
            create_date: "2 years ago",
            size: "463MB",
          },
          {
            name: "registry.fit2cloud.com/halo/halo",
            tag: "2.20",
            imageid: "e1fc683d04a6",
            create_date: "6 months ago",
            size: "428MB",
          },
          {
            name: "mysql",
            tag: "5.7-debian",
            imageid: "b5d7c63fe339",
            create_date: "2 years ago",
            size: "463MB",
          },
          {
            name: "registry.fit2cloud.com/halo/halo",
            tag: "2.20",
            imageid: "e1fc683d04a6",
            create_date: "6 months ago",
            size: "428MB",
          },
          {
            name: "mysql",
            tag: "5.7-debian",
            imageid: "b5d7c63fe339",
            create_date: "2 years ago",
            size: "463MB",
          },
          {
            name: "registry.fit2cloud.com/halo/halo",
            tag: "2.20",
            imageid: "e1fc683d04a6",
            create_date: "6 months ago",
            size: "428MB",
          },
          {
            name: "mysql",
            tag: "5.7-debian",
            imageid: "b5d7c63fe339",
            create_date: "2 years ago",
            size: "463MB",
          },
          {
            name: "registry.fit2cloud.com/halo/halo",
            tag: "2.20",
            imageid: "e1fc683d04a6",
            create_date: "6 months ago",
            size: "428MB",
          },
          {
            name: "mysql",
            tag: "5.7-debian",
            imageid: "b5d7c63fe339",
            create_date: "2 years ago",
            size: "463MB",
          },
          {
            name: "registry.fit2cloud.com/halo/halo",
            tag: "2.20",
            imageid: "e1fc683d04a6",
            create_date: "6 months ago",
            size: "428MB",
          },
          {
            name: "mysql",
            tag: "5.7-debian",
            imageid: "b5d7c63fe339",
            create_date: "2 years ago",
            size: "463MB",
          },
          {
            name: "registry.fit2cloud.com/halo/halo",
            tag: "2.20",
            imageid: "e1fc683d04a6",
            create_date: "6 months ago",
            size: "428MB",
          },
          {
            name: "mysql",
            tag: "5.7-debian",
            imageid: "b5d7c63fe339",
            create_date: "2 years ago",
            size: "463MB",
          },
          {
            name: "registry.fit2cloud.com/halo/halo",
            tag: "2.20",
            imageid: "e1fc683d04a6",
            create_date: "6 months ago",
            size: "428MB",
          },
          {
            name: "mysql",
            tag: "5.7-debian",
            imageid: "b5d7c63fe339",
            create_date: "2 years ago",
            size: "463MB",
          },
          {
            name: "registry.fit2cloud.com/halo/halo",
            tag: "2.20",
            imageid: "e1fc683d04a6",
            create_date: "6 months ago",
            size: "428MB",
          },
          {
            name: "mysql",
            tag: "5.7-debian",
            imageid: "b5d7c63fe339",
            create_date: "2 years ago",
            size: "463MB",
          },
        ],
      };
    },
  };
  </script>

<style scoped>
.page{
    display: flex;
    justify-content: right;
    align-items: center;
    height: 50px;
    padding-right: 30px;
    /* background-color: rgb(2, 145, 234); */

}
</style>